
Page({

  /**
   * 页面的初始数据
   */
  data: {
    paddingTop:30,
    height:30, //这是搜索框的高
    bannerList:[],
    grids:[],
    ranks:[],
    advList:[]
  },
  // 宫格跳转
  toSkip(e){
    // 注意冒泡
    const {address:url,isTab} = e.currentTarget.dataset.item
    url && isTab? wx.switchTab({url}):wx.navigateTo({url})
    // if(isTab){
    //   wx.switchTab({url})
    // }else{
    //   wx.navigateTo({url})
    // }
  },
// 跳转商品详情页面
toDetails(e){
  // 获取产品详情页id
  // console.log(e.target.dataset.id)
  const {detailsid,proid} = e.target.dataset
  console.log(detailsid,proid)
wx.navigateTo({
  url: `/pages/details/index?detailsid=${detailsid}&proid=${proid}`,
})
},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.setSearchPos()
    this.initData()
  },
  //2.请求页面初始化数据
  async initData(){
    //轮播图数据请求
    //请求数据第一种方式：在小程序端请求
    // // 1获取数据库引用
    // const db = wx.cloud.database()
    // //获取banner集合的引用
    // const banner = db.collection('banner')
    // console.log(banner)
    // // 3.获取数据
    // const res = await banner.where({isShow:true}).get()
    // console.log(res)
    // //4.更新数据到视图
    // this.setData({
    //   bannerList:res.data
    // })
    //请求函数的第二种方式：在云端-云函数--权限更大
const res = await wx.cloud.callFunction({name:"home"})
console.log(res)
this.setData({
       bannerList:res.result.banner,
       grids:res.result.grids,
       ranks:res.result.ranks,
       advList:res.result.advs,
     })
  },
//1.处理search的位置
setSearchPos(){
  const {top,height} = wx.getMenuButtonBoundingClientRect()
    console.log(height)
    // 更新data的数据
    this.setData({
      paddingTop:top
    })
},


  toSearch(){
    //跳转到搜索页面
    wx.navigateTo({
      url: "/pages/search/index"
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    
  }
})